<!DOCTYPE html>
<html>
<head>
    <title>保定知行网络科技有限公司</title>
    <meta charset="UTF-8">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta id="viewport" name="viewport" content="width=640,minimum-scale=1,maximum-scale=1,user-scalable=0">
    <link type="text/css" rel="stylesheet" href="css/css.css">
</head>
<body>
    <header id="header">
    	<div class="header1 gWidth">
            <div class="logo">

                <a href="#"><img src="" alt="logo" class="img-responsive"></a>
            </div>
            <nav class="nav_box" id="container">
                <ul class="nav" id="nav">
                    <li class="cur"><a onClick="javascript:void(0);">网站首页</a></li>
                    <li><a onClick="javascript:void(0);">新闻动态</a></li>
                    <li><a onClick="javascript:void(0);">孵化服务</a></li>
                    <li><a onClick="javascript:void(0);">天使投资</a></li>
                    <li><a onClick="javascript:void(0);">创业培训</a></li>
                    <li><a onClick="javascript:void(0);">共享平台</a></li>
                </ul>
                <div id="buoy"></div>
            </nav>
        </div>
    </header>

    <section id="banner" class="banner item">
    	<div class="banner_cont">
    		<img src="" alt="">
    		<div class="banner_top">
            	<h3>德山 &nbsp; 生物医药孵化器</h3>
            	<i></i>
            	<p>我们不是资源的制造者，我们只是</p>
            	<p>资源的整合者和利用者</p>
    		</div>

    		<div class="banner_bottom">
    			<ul class="gWidth clearfix">
    				<li class="fuhua"><a>
    					<i></i>
    					<em>孵化服务</em>
    					<span>Incubation service</span>
    					<span>立足园区产业优势，对<br>创业企业提供全方位服<br>务解决方案</span>
    				</a></li>
    				<li class="chang"><a>
    					<i></i>
    					<em>创业培训</em>
    					<span>Enterprise training</span>
    					<span>利用企业资源及合作机构<br>为创业企业提供导师<br>辅导、专场培训等培训课程</span>
    				</a></li>
    				<li class="tianshi"><a>
    					<i></i>
    					<em>天使投资</em>
    					<span>Angel investment</span>
    					<span>利用自有资金，设立<br>天使投资基金<br>为创业者提供资金护航</span>
    				</a></li>
    				<li class="gongxiang"><a>
    					<i></i>
    					<em>共享平台</em>
    					<span>Sharing platform</span>
    					<span>整合入住企业仪器资源<br>利用互联网+的思维<br>为创业者提供持续仪器共享平台</span>
    				</a></li>
    				<li class="m_lab"><a>
    					<i></i>
    					<em>M-Lab服务</em>
    					<span>M-Lab service</span>
    					<span>为企业提供定制化办公区<br>实验室，满足企业<br>个性化创业需求</span>
    				</a></li>
    			</ul>
    		</div>
    	</div>
    </section>


	<div style="height:50px;background:transparent"><!-- 必须要有 --></div>

    <section id="case" class="item">
        <div class="gWidth">
            <div class="case1 titl">
                <h2>Our News<i>新闻动态</i></h2>
            </div>
            <div class="case2">
                <ul>
                    <li class="her1" onMouseOver="her()" onMouseOut="herY()">
                    	<a href="#"><img src="images/works1.png" alt="case"></a>
                        <div id="special1" class="special hide">
                        	<a href="#"><img src="images/jih.png" alt=""></a>
                        </div>
                    </li>
                    <li id="hov1" onMouseOver="her()" onMouseOut="herY()">
                        <h3><a href="#">吸引高端人才 努力打造新版本创投
服务生态圈
</a></h3>
                        <p class="p1">手机软件，就是安装在手机上的软件，完善原始系统的不 足与个性化随着科 </p>
                        <p>技的发展，现在手机的功 不是像过去的那么简单死板，目前发展到了可以和电脑媲美。手机软件与电脑一样</p>
                    </li>
                    <li id="hov2" class="zuo" onMouseOver="her1()" onMouseOut="herY1()">
                        <h3><a href="#">中关村门头沟科技园召开重点企业
投融资对接会</a></h3>
                        <p class="p1">手机软件，就是安装在手机上的软件，完善原始系统的不 足与个性化随着科 </p>
                        <p>技的发展，现在手机的功 不是像过去的那么简单死板，目前发展到了可以和电脑媲美。手机软件与电脑一样</p>
                    </li>
                    <li class="her1" onMouseOver="her1()" onMouseOut="herY1()">
                    	<a href="#"><img src="images/works1.png" alt="case"></a>
                        <div id="special2" class="special hide">
                        	<a href="#"><img src="images/jih.png" alt=""></a>
                        </div>
                    </li>
                    <li class="her1" onMouseOver="her2()" onMouseOut="herY2()">
                    	<a href="#"><img src="images/works1.png" alt="case"></a>
                        <div id="special3" class="special hide">
                        	<a href="#"><img src="images/jih.png" alt=""></a>
                        </div>
                    </li>
                    <li id="hov3" onMouseOver="her2()" onMouseOut="herY2()">
                        <h3><a href="#">中关村门头沟科技园召开重点企业
投融资对接会</a></h3>
                        <p class="p1">手机软件，就是安装在手机上的软件，完善原始系统的不 足与个性化随着科 </p>
                        <p>技的发展，现在手机的功 不是像过去的那么简单死板，目前发展到了可以和电脑媲美。手机软件与电脑一样</p>
                    </li>
                </ul>
            </div>
            <div class="case3">
                <a href="newsList.html">浏览更多动态</a>
            </div>
        </div>
    </section>



    <section id="service" class="item">
    	<div class="service gWidth">
            <div class="servi titl">
                <h2>Incubation Service<i>孵化服务</i></h2>
            </div>
            <ul class="items clearfix">
                <li class="pc">
                    <u class="c1"></u>
                    <u class="c2"></u>
                    <i></i>
                    <strong>孵化空间</strong>
                    <div>
                        <p>企业高端定制网站设计</p>
                        <p>彰显品牌形象</p>
                    </div>
                </li>
                <li class="mobi">
                    <u class="c1"></u>
                    <u class="c2"></u>
                    <i></i>
                    <strong>金融助推</strong>
                    <div>
                        <p>定制手机网站/微网站制作</p>
                        <p>布局移动互联网</p>
                    </div>
                </li>
                 <li class="app">
                    <u class="c1"></u>
                    <u class="c2"></u>
                    <i></i>
                    <strong>协同互助体系</strong>
                    <div>
                        <p>企业高端定制网站设计</p>
                        <p>彰显品牌形象</p>
                    </div>
                </li>
                <li class="plan">
                    <u class="c1"></u>
                    <u class="c2"></u>
                    <i></i>
                    <strong>发展助推服务</strong>
                    <div>
                        <p>企业高端定制网站设计</p>
                        <p>彰显品牌形象</p>
                    </div>
                </li>
                <li class="opt">
                    <u class="c1"></u>
                    <u class="c2"></u>
                    <i></i>
                    <strong>专业人才支持</strong>
                    <div>
                        <p>专业搜索引擎优化服务</p>
                    </div>
                </li>
            </ul>
        </div>
    </section>


    <section id="caseY" class="item">
        <div class="gWidth">
            <div class="case1 titl">
                <h2>Angel investment<i>天使投资</i></h2>
            </div>
            <div class="case2">
                <ul>
                    <li class="her1" onMouseOver="herYY()" onMouseOut="herYYY()">
                    	<a href="#"><img src="images/works1.png" alt="case"></a>
                        <div id="special1Y" class="special hide">
                        	<a href="#"><img src="images/jih.png" alt=""></a>
                        </div>
                    </li>
                    <li id="hov1Y" onMouseOver="herYY()" onMouseOut="herYYY()">
                        <h3><a href="#">吸引高端人才 努力打造新版本创投
服务生态圈
</a></h3>
                        <p class="p1">手机软件，就是安装在手机上的软件，完善原始系统的不 足与个性化随着科 </p>
                        <p>技的发展，现在手机的功 不是像过去的那么简单死板，目前发展到了可以和电脑媲美。手机软件与电脑一样</p>
                    </li>
                    <li id="hov2Y" class="zuo" onMouseOver="her1Y()" onMouseOut="herY1Y()">
                        <h3><a href="#">中关村门头沟科技园召开重点企业
投融资对接会</a></h3>
                        <p class="p1">手机软件，就是安装在手机上的软件，完善原始系统的不 足与个性化随着科 </p>
                        <p>技的发展，现在手机的功 不是像过去的那么简单死板，目前发展到了可以和电脑媲美。手机软件与电脑一样</p>
                    </li>
                    <li class="her1" onMouseOver="her1Y()" onMouseOut="herY1Y()">
                    	<a href="#"><img src="images/works1.png" alt="case"></a>
                        <div id="special2Y" class="special hide">
                        	<a href="#"><img src="images/jih.png" alt=""></a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="case3">
                <a href="#">浏览更多动态</a>
            </div>
        </div>
    </section>

    <section id="training" class="training item">
    	<div class="gWidth">
    		<div class="trainingY titl">
    			<h2>Entrepreneurship training<i>创业培训</i></h2>
    		</div>

    		<div class="team team_list1">
    			<h2><a href="#"><i></i>创业团队</a></h2>
    			<ul class="clearfix">
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    			</ul>
    		</div>

    		<div class="team team_list2">
    			<h2><a href="#"><i></i>创业者</a></h2>
    			<ul class="clearfix">
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    			</ul>
    		</div>

    	</div>
    </section>

    <section id="shared" class="shared item">
    	<div class="gWidth">
    		<div class="sharedY titl">
    			<h2>Sharing platform<i>共享平台</i></h2>
    		</div>

    		<div class="team plat">
    			<h2><a><i></i>共享平台</a></h2>
    			<p>北京禾芫科技孵化器有限公司立足于生物医药及大健康领域，秉承“微创业-微孵化”的创业孵化理念，开创性的提出了“集团孵化”的全新项目孵化模式。禾芫孵化器
将众创理念运用于生物医药创新创业服务，力争将自身建设成为一个国际化的生物医药创新创业平台</p>
    		</div>

    		<div class="team manag">
    			<h2><a href="#"><i></i>管理团队</a></h2>
    			<ul class="clearfix">
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    			</ul>
    		</div>

    		<div class="team mentor">
    			<h2><a href="#"><i></i>创业导师</a></h2>
    			<ul class="clearfix">
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    				<li>
    					<a>
							<img src="images/steward.jpg" alt="">
							<span>董事长 张小二</span>
    					</a>
    				</li>
    			</ul>
    		</div>

    	</div>
    </section>



    <footer class="footer">
        <div class="gWidth">
            <img src="images/copy.png" alt="">
            <div class="copy">
                <p>德山生物医药孵化器欢迎您！</p>
                <p>地址：北京市门头沟区美安路7号</p>
            </div>
        </div>
    </footer>

<script type="text/javascript" src="js/jQuery.banner.js"></script>
<script src="js/nav/jquery.nicenav.js" type="text/javascript"></script>
<script type="text/javascript">
	$.nicenav(500);
</script>
<script src="js/swiper.min.js"></script>
<script>
    window.onload = window.onresize = function(){
        var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width;
		//找到标签名为html的第一个
        var _html = document.getElementsByTagName('html')[0];
		//如果屏幕宽度大于640
		//就用 640/16=40
		//小于640的时候 不确定 也是尺寸/40
        view_width>640?_html.style.fontSize = 640 / 16 + 'px':_html.style.fontSize = view_width / 16 + 'px';
		//最大网页尺寸640
		//最大字体（根字体大小） 40
    }

</script>
<script>
$(document).ready(function () {
            $(window).scroll(function () {
                var items = $(".item");
                var menu = $("#menu");
                var top = $(document).scrollTop();
                var currentId = ""; //滚动条现在所在位置的item id
                items.each(function () {
                    var m = $(this);
					var itemTop = m.offset().top;
					console.log(aaa.length);
                });
            });
        });
</script>
<script>
		var elems_selector=".nav li>a",
				slideObj_selector=".content",
				elems=$(elems_selector),
				timer=null,
				par=null,
				interval=10;
		function init () {
			document.body.scrollTop=1;
			document.body.scrollTop==1?par=document.body:par=document.documentElement;
			var offsetY_arr=[0,780,1890,2845,3690,4708];
			for (var i = 0; i < offsetY_arr.length; i++) {
				addItem(elems[i],offsetY_arr[i]);
			};
		}
		function addItem (elem,value) {
			$(elem).data({offsetY:value});
			$(elem).click(function () {
				//var curValue=slideObj.scrollTop||0;
				var targetVal=parseInt($(this).data("offsetY"));
				move(targetVal,interval);
			})
		}
		function move (valueY,interval) {
			if(timer){
				clearTimeout(timer);
				timer=null;
			}
			var curValue=parseInt(par.scrollTop)||0;
			if(curValue==valueY) return;
			if(curValue>valueY){
				var dist=curValue-valueY;
				dist=Math.ceil(dist/10);
				curValue=curValue-dist;
			}
			else if(curValue<valueY){
				var dist=valueY-curValue;
				dist=Math.ceil(dist/10);
				curValue=curValue+dist;
			}
			par.scrollTop=curValue;
			timer=setTimeout(function () {
				move(valueY,interval);
			},interval);
		}

		init();

</script>
	<script>

		var hov1 = document.getElementById("hov1");
		var hov2 = document.getElementById("hov2");
		var hov3 = document.getElementById("hov3");
		var hov1Y = document.getElementById("hov1Y");
		var hov2Y = document.getElementById("hov2Y");

    	function her() {
			$("#special1").removeClass("hide");
			hov1.style.backgroundColor = "#F2F2F2";
		}
		function herY(){
			$("#special1").addClass("hide");
			hov1.style.backgroundColor = "";
		}
		function her1(){
			$("#special2").removeClass("hide");
			hov2.style.backgroundColor = "#F2F2F2";
		}
		function herY1(){
			$("#special2").addClass("hide");
			hov2.style.backgroundColor = "";
		}
		function her2(){
			$("#special3").removeClass("hide");
			hov3.style.backgroundColor = "#F2F2F2";
		}
		function herY2(){
			$("#special3").addClass("hide");
			hov3.style.backgroundColor = "";
		}

		function herYY() {
			$("#special1Y").removeClass("hide");
			hov1Y.style.backgroundColor = "#F2F2F2";
		}
		function herYYY(){
			$("#special1Y").addClass("hide");
			hov1Y.style.backgroundColor = "";
		}
		function her1Y(){
			$("#special2Y").removeClass("hide");
			hov2Y.style.backgroundColor = "#F2F2F2";
		}
		function herY1Y(){
			$("#special2Y").addClass("hide");
			hov2Y.style.backgroundColor = "";
		}

    </script>
</body>
</html>